<template>    
    <template v-for="item in menus" :key="item.path">
        <el-sub-menu v-if="item.children && item.children.length > 0" :index="item.path" class="sub-menu">
            <template #title>                
                    <span class="menu-label">{{ item.label }}</span>                
            </template>
            <Sub-menu-item :menus="item.children"></Sub-menu-item>
        </el-sub-menu>
        <el-menu-item v-else :index="item.path">
            <span>{{ item.label }}</span>
        </el-menu-item>
    </template>
</template>
<script setup lang="ts">
defineProps(['menus'])
</script>
<style scoped lang="scss">


</style>